<script type="text/javascript">
//页面加载时执行
$(function(){
	$.get("applicationSingle/getCardInfo",function(data){
		var contentb="<option value='' selected>请选择</option>";
		var contentc="<option value='' selected>请选择</option>";
		var i;
		$(data).each(function(n,item){
			for(i=0;i<item.cdProDefinitions.length;i++){
				
				contentb+="<option value="+item.cdProDefinitions[i].cardpCode+">"
				+item.cdProDefinitions[i].cardpName+"</option>"
			}
			for(i=0;i<item.certificates.length;i++){
				
				contentc+="<option value="+item.certificates[i].certificateType+">"
				+item.certificates[i].certificatesName+"</option>"
			}
			$("#paperTypeByQueryCardInfo").html(contentc);
			$("#cardCodeByQueryCardInfo").html(contentb);
		});
	},"json");
	
	$.post("queryInfo/getCardStautsAndPosition",function(json){
		var contenta="<option value='' selected>请选择</option>";
		var contentb="<option value='' selected>请选择</option>";
		$(json).each(function(n,item){
			for(var i=0;i<item.cardpositions.names.length;i++){
				contentb+="<option value="+item.cardpositions.codes[i]+">"
				+item.cardpositions.names[i]+"</option>"
			}
			for(var i=0;i<item.cardStautses.names.length;i++){
				contenta+="<option value="+item.cardStautses.codes[i]+">"
				+item.cardStautses.names[i]+"</option>"
			}
			$("select[name='cardStauts']").html(contenta);
			$("select[name='cardPosition']").html(contentb);
		});
		
	},"json");
	
	$.ajax({
		type: 'POST',
		url:"queryInfo/queryCard",
		dataType:"json",
		cache: false,
		success: queryCard,//回调函数
		error: DWZ.ajaxError
	});
	
});

</script>
<div class="pageHeader ">
	<form id="pagerForm" method="post" action="queryInfo/queryCard"
		class="pageForm required-validate"
		onsubmit="return validateCallback(this,queryCard);">
		<input type="hidden" name="pageNum" value="" /> <input type="hidden"
			name="numPerPage" value="" />
		<!-- <input type="hidden" name="pageCount" value="" /> -->
		<div class="searchBar">
			<!-- <table class="searchContent">
			<tr>
				<td style="text-align:left"><label>卡产品：</label></td>
				<td style="text-align:left"><select id="cardCodeByQueryCardInfo" name="cardPCode" >
			
				</select></td>
			
				<td style="text-align:left"><label>证件类型：</label></td>
				<td style="text-align:left"><select id="paperTypeByQueryCardInfo" name="paperType" class="">
					
				</select></td>
			</tr>
			<tr>
				<td style="text-align:left"><label>证件号码：</label></td>
				<td><input  name="paperNo" class="digits" type="text" size="30" /></td>
			
				<td style="text-align:left"><label>市民卡号</label></td>
				<td><input  name="citizenCardNo" class="digits" type="text" size="30"  /></td>
			</tr>
			<tr>
				<td style="text-align:left"><label>卡状态：</label></td>
				<td style="text-align:left"><select  name="cardStauts" class=""  >
				</select>
			
				<td style="text-align:left"><label>卡位置：</label></td>
				<td style="text-align:left"><select  name="cardPosition" class=""  >
				</select></td>
			</tr>
			</table> -->
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>卡产品：</label> <select id="cardCodeByQueryCardInfo"
							name="cardPCode">
						</select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>卡状态：</label> <select name="cardStauts">
						</select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>卡位置：</label> <select name="cardPosition">
						</select>
					</p>
				</div>
			</div>
			<div class="row" style="padding: 0 10px;">
				<div class="col-md-4 col-sm-12">
					<p>
						<label>证件类型：</label> <select flag="paperCode" id="paperTypeByQueryCardInfo"
							name="paperType">
						</select>
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>证件号码：</label> <input name="paperNo2" class="validIdentity"
							type="text" size="26" />
					</p>
				</div>
				<div class="col-md-4 col-sm-12">
					<p>
						<label>市民卡号：</label> <input name="citizenCardNo2" class="validCitizenCardNo"
							type="text" size="26" />
					</p>
				</div>
			</div>
			<div class="subBar">
				<ul>
					<li>
						<div class="buttonActive">
							<div class="buttonContent">
								<button type="submit" onclick="initCurrentPage()">查询</button>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</form>
</div>

<form method="post" action="" class="pageForm required-validate"
	onsubmit="return validateCallback(this,refresh);">
	<div class="pageContent">
		<div id="ByQueryCardInfo">
			<table class="table" width="1440" layoutH="218">
				<thead>
					<tr align="center">
						<!-- <th width="2%"><input type="checkbox" id="ids" name="tasking" group="tasking" class="checkboxCtrl"></th> -->
						<th width="8%">市民卡号</th>
						<th width="7%">卡产品</th>
						<th width="5%">姓名</th>
						<th width="7%">证件类型</th>
						<th width="10%">证件号码</th>
						<th width="5%">卡状态</th>
						<th width="5%">卡位置</th>
						<th width="9%">申请网点</th>
						<th width="6%">申请日期</th>
						<th width="6%">制卡日期</th>
						<!-- <th width="5%">发卡网点</th> -->
						<th width="7%">发卡日期</th>
						<!-- <th width="5%">挂失日期</th> -->
						<th width="7%">注销日期</th>
					</tr>
				</thead>
				<tbody id="tbodyByQueryCardInfo">

				</tbody>
			</table>
		</div>
		<!--  <div class="panelBar">
		<div class="pages">
			<span>显示</span>
			<select id="numPerPageByQueryCardInfo" name="numPerPage" onchange="paging(this,$('#queryCard'),queryCard)">
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="50">50</option>
				<option value="100">100</option>
			</select>
			<span id="totalCountByQueryCardInfo" ></span>
		</div>
			<div id="paginationByQueryCardInfo" class="pagination1"  ></div>
	</div> -->
		<div class="panelBar">
			<div class="pages">
				<span>显示</span> <select class="combox" name="numPerPage"
					onchange="navTabPageBreak({numPerPage:this.value},'tbodyByQueryCardInfo',queryCard)">
					<option value="20">20</option>
					<option value="50">50</option>
					<option value="100">100</option>
					<option value="200">200</option>
				</select> <span id="totalCountByQueryCardInfo">条，共${totalCount}条</span>
			</div>

			<div callback='queryCard' id="paginationByQueryCardInfo"
				rel="tbodyByQueryCardInfo" class="pagination" targetType="navTab"
				totalCount="200" numPerPage="5" pageNumShown="5" currentPage="1"></div>

		</div>
	</div>
</form>


